@import "color";
%boxSizing{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.carouse{
  overflow: hidden;
  .taocan-box{
    position: relative;
    min-height: 110px;
    background-color: rgba(255,255,255,.5);
    padding: 4%;
    @extend %boxSizing;
    text-align: left;
    color: #212121;
    margin-bottom: 40px;
    .taocan-title{
      font-size: 0.98em;
      font-weight: bold;
      margin-bottom: 6px;
    }
    .taocan-desc{
      color: #666666;
      font-size: 0.82em;
    }
    .taocan-bottom{
      position: absolute;
      left: 0;
      bottom: 0%;
      width: 100%;
      padding: 0 6%;
      text-align: right;
      font-size: 0.8em;
      color: #666666;
      letter-spacing: 1px;
      overflow: hidden;
      @extend %boxSizing;
      .price{
        display: inline-block;
        color: #bc0000;
        font-size: 1.3em;
        margin-bottom: 15px;
      }
    }
  }
}
.slick-initialized {
  @extend %boxSizing;
  overflow: hidden;
  .slick-track{
    height : 250px;
    @extend %boxSizing;
    .slick-slide{
      position: relative;
      top : 18px;
      height : 200px;
      float: left;
      @extend %boxSizing;
      //overflow: hidden;
      img{
        max-width: 100px;
        top : 64px;
        position: relative;
      }
    }
  }
  &.center{
    .slick-track{
      .slick-slide{
        img{
          width: 80%;
          transition : all .3s ease;
          -webkit-transition : all .3s ease;
        }
        &.slick-center{
          img{
            transform: scale(2);
            -webkit-transform: scale(2);
            -ms-transform: scale(2);
            z-index: 9999;
          }
        }
      }
    }
  }
}
